<template>
  <div class="navBar">
    <ul class="w1200 navBarUl">
      <li @click="gotoUrl('/')">首页</li>
      <li >商机咨讯</li>
      <li @click="gotoUrl('/supplierMorelist')">找供应商</li>
      <li @click="gotoUrl('/videoClassroomList')">视频课堂</li>
      <li @click="gotoUrl('/hotActivity')">热门专区</li>
      <li>企业信用</li>
      <li>金融服务</li>
      <li @click="gotoUrl('/bidAnnouncementList')">资讯动态</li>
      <li>关于我们</li>
    </ul>
  </div>
</template>
  
<script>
import storage from '@/utils/storage'

export default {
  name: "navBar",
  data() {
    return {
      current: 0,
      isLogin: storage.session.get('isLogin') && storage.session.get('authToken'),
    }
  },

  methods: {
    gotoUrl(url) {
      this.$router.push(url)
    }
  }
}
</script>
  
<style scoped lang="scss">
$colorPrimary: #0078FE;

.navBar {
  background-color: $colorPrimary;
  width: 100%;
  height: 40px;
}
.navBarUl {
  display: flex;
  line-height: 40px;
  li {
    color: #fff;
    margin-right: 80px;
    cursor: pointer;
  }
}
</style>
  